<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>layui</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="/layui/css/layui.css"  media="all" />
</head>
<body>
<form class="layui-form" action="">
<div class="layui-form" style="width: 1080px; margin: 0 auto; margin-top: 20px;">
    <blockquote class="layui-elem-quote layui-text" style="margin-bottom: 20px;">
        <h1>分享会资料管理平台</h1>
        <a th:href="@{/}">返回首页</a>
        <a th:href="@{/user/logout}">注销登录</a>
    </blockquote>
    <div class="layui-form-item" style="margin-top: 20px;">
        <div class="layui-inline" >
            <label class="layui-form-label" style="width: 200px;" th:text="${'欢迎您,'+username}">欢迎您,xxx</label>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <input type="radio" name="userGroup" value="1" title="按资料名称" checked=""><div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><div>按资料名称</div></div>
            <input type="radio" name="userGroup" value="2" title="按小组名称"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>按小组名称</div></div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" name="keyword" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
                <button class="layui-btn"> 搜  索 </button>

                <a class="layui-btn" href="userData/toAdd"> 上传资料 </a>
            </div>

        </div>
    </div>
    <table class="layui-table">
        <colgroup>
            <col width="150">
            <col width="150">
            <col width="150">
            <col width="150">
            <col width="150">
            <col width="150">
            <col width="80">
        </colgroup>
        <thead>
        <tr>
            <th>小组名称</th>
            <th>资料名称</th>
            <th>IP</th>
            <th>上传人</th>
            <th>创建时间</th>
            <th>更新时间</th>
            <th>浏览数</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="user,userStat : ${userlist}">
            <th th:text="${user.userGroup}">小组名称</th>
            <th>
                <a th:href="@{'/userData/detail?id='+${user.id}}" th:text="${user.dataName}">资料名称</a>
            </th>
            <th th:text="${user.userIp}">IP</th>
            <th th:text="${user.uploadPerson}">上传人</th>
            <th th:text="${#dates.format(user.gmtCreate, 'yyyy-MM-dd HH:mm:ss')}">创建时间</th>
            <th th:text="${#dates.format(user.gmtModify, 'yyyy-MM-dd HH:mm:ss')}">更新时间</th>
            <th th:text="${user.dataCount}">浏览数</th>
        </tr>

        </tbody>
    </table>
</div>

</form>
<script src="/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

<script>
    layui.use('table', function(){
        var table = layui.table;

    });
</script>

</body>
</html>